<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>vadxq的分享ppt小栈</title>
  <meta name="keywords" content="vadxq,清竹茶馆,分享,ppt">
  <meta name="description" content="vadxq的分享ppt小栈-vadxq-清竹茶馆">
  <style>
    * {
      /* background-image: url('https://qnimg.vadxq.com/ppt/2019/bridge-4456255_1280.webp'); */
      margin: 0;
      padding: 0;
    }

    .container {
      background-color: #bfbfbf;
      min-height: 100vh;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      background-image: url('https://qnimg.vadxq.com/ppt/2019/bridge-4456255_1280.webp');
      backdrop-filter: blur(40px);
    }
    section {
      background-color: #ffffff;
      text-shadow: 0 1px 0 #013;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      page-break-after: always;
      word-wrap: break-word;
      width: 80vw;
      min-height: 80vh;
      border-radius: 30px;
      box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
      
    }
    .urlsets {
      display: flex;
      justify-content: center;
      align-items: center;
      /* width: 100%; */
      margin: 14px;
      
    }
    a {
      margin: 0 1.5vw;
      cursor: pointer;
      min-width: 50px;
      color: #ffffff;
      text-decoration: none;
    }
    h6:hover,span:hover {
      transform: scale(1.01);
    }
    h6 {
      margin: 20px;
      padding: 10px 20px;
      background: #40a9ff;
      box-shadow: 0 10px 16px -8px rgba(0,20,80,.3);
      border: 1px solid #1890ff;
      text-decoration: none;
      transition: all .3s ease-out;
      border-radius: 20px;
      box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
    }
    h2, h5 {
      color: #01709c;
    }
    h4 {
      margin: 20px 0;
      color: #01709c;
    }
    .urlsets span {
      padding: 10px 20px;
      background: #40a9ff;
      box-shadow: 0 10px 16px -8px rgba(0,20,80,.3);
      border: 1px solid #1890ff;
      text-decoration: none;
      transition: all .3s ease-out;
      border-radius: 20px;
      box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
    }
  </style>
</head>
<body>
  <div class="container">
    <section>
      <h2>vadxq的分享ppt小栈</h2>
      <h5>vadxq's sharing ppt stack</h5>
      <h6><a href="https://github.com/vadxq">@vadxq</a></h6>
      <h4>目录</h4>
      <div class="urlsets">
        <span>
          <a href="serverless-intro.html">Serverless 浅谈介绍 ></a>
        </span>
      </div>
      <div class="urlsets">
        <span>
          <a href="interestingFE.html">前端与圣诞碰撞的浪漫 ></a>
        </span>
      </div>
      <div class="urlsets">
        <span>
          <a href="vite-engineering-vision.html">新一代打包工具 Vite 的工程化实践与团队愿景</a>
        </span>
      </div>
      <div class="urlsets">
        <span>
          <a href="vite-build-intro.html">Vite工程化与前端部署流程介绍</a>
        </span>
      </div>
    </section>

  </div>

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-83694330-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-83694330-1');
  </script>

</body>
</html>